div.navBarClass span, div.navBarClass {
     /* Yellow 100%*/
    color: #FDBB30;;
    padding:10px;
}

.tituloForm {
    font-size: 10pt;
    /* Yellow 100%*/
    color: #FDBB30;;
    font-weight:bold;
     padding:5px;
    margin:5px;
}
input.botaoPostIt{
    font-size: 8pt;
    /* Yellow 100%*/
    color: #FDBB30;
    font-weight:bold;
    background-color:white;

}

.inputPattern {
    /* Yellow 20%*/
  color: #FDEAC0
}
label {
  font-size: 10pt;
  /* Yellow 100%*/
  color: #FDBB30;
  text-align: left;
  border:none;

}

input, select,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  /* Yellow 100% */
  color: #FDBB30;
  text-align: left;
  background-color:white;
  border-style:ridge;
  /*lightgray*/
  border:1px solid lightgray;
  padding:4px;
  margin:4px;
  margin-bottom:4px;
  font-weight:normal;
}

.datatableHeader{
    /* Yellow 100% */
    background-color:#FDBB30;
    color:white;

    font-size:12pt;
    font-weight:normal;
    padding:10px;
    margin:10px;
}

.datatableRow2{
    /* Yellow 20% */
    background-color:#FDEAC0;
    font-size:12px;
    color:black;
    padding:15px;
    margin:15px;
    text-align:center;

}

.navigationLink{
    text-decoration:none;
    text-align:right;
    /* Yellow 100% */
    color:#FDBB30;
}


/*Diferent datatable lines / oposite*/
.datatableRow{
    background-color:white;
    color:black;
    font-size:12px;
    text-align:center;
}
.dataTableFirstColumn{
    font-weight:bold;
}

table.menuTable{
    /* it seems its not necessary */
    border-collapse:collapse;
    vertical-align:middle;
    text-align: left;
}

table.menuTable tr td{
    vertical-align:middle;
    padding-bottom:0px;
    /*space between menu itens */
    width:168px;
    
    
}

.menu a{
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 12px;
    padding: 10px;
    /* Yellow 100% */
    color: #FDBB30;
}

/* menuItem and menu spacing */
.menu ul{
    text-align:left;
    padding:0pt;
    margin:0pt;
    /* sub menu item background */
    background-color:white;

    /* fundo transparente
    background-image:url("../resources/images/menu/Transparency.png;");
    */
}
/* submenu div */
.menu{
    display:none;
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;

}

/* submenu item*/
.menu li{
    /* white background for avoiding transparency on submenu item */
    /*background-color:white;*/

    list-style-type: none;
    display: block;
    padding:10px;
    /* altura do submenu */
    width: 142px;
    /* Yellow 100% */
    border:1px solid #FDBB30;
    
    font-weight:bold;

}


.menuhandler {
    /* Yellow 100% */
    border:1px solid #FDBB30;
    color:white;

    text-decoration:none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 141px;
    vertical-align:middle;
    text-align: left;
    font-weight: bold;
    padding:10px;
    background-color:#FDBB30;
    /* fundo transparente
    background-image:url("../resources/images/menu/Transparency.png;");
    color:white;
    */
}

.selectProject{
    vertical-align:middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    padding:3pt;
}

.postitComponent{
        background-image:url("../resources/images/postits/novos/postit_amar_150x145.png");
        width:150px;
        height:145px;
        font-size: 14px;
        text-align:center;
        color:white;
}

.postitComponent tr td{

    padding: 5pt;
    padding-top: 15pt;
    vertical-align:top;

}

.bigPostitComponent{
        background-image:url("../resources/images/postits/novos/postit_amar_315x150.png");
        background-repeat:no-repeat;
        width:315px;
        height:150px;
        font-size: 14px;
        text-align:center;
        color:white;
}

.bigPostitComponent tr td{

    padding: 5pt;
    vertical-align:top; 

}
.postitComponent a{
    text-decoration:none;
    color:black;
}

